<template>
<div class="page-container">
  <a-config-provider
  v-if="app.appLoading"
    :theme="{
      token: {
        colorPrimary: user.themeColor,
        boderRadius: 0,
        // colorBgContainer: '#fff',
        // colorBgElevated: '#fff',
        // colorBorder: '#d9d9d9',
        // colorText: '#333',
        // colorTextSecondary: '#666',
        // colorTextTertiary: '#999',
        // colorTextDisabled: '#ccc',
        // colorBgTextActive: '#f5f5f5',
        // colorBgTextHover: '#fafafa',
      },
    }"
  >
    <router-view></router-view>
  </a-config-provider>
  <div v-else class="app-loading">
    <a-spin  size="large" tip="努力加载中..."> </a-spin>
  </div>
</div>

</template>

<script setup lang="ts">
import useStore from "@/pinia/index.ts";
const { user,app } = useStore();


</script>

<style scoped lang="less">
.page-container { 
.app-loading{
  width:100%;
  height:100%;
  display:flex;
  flex-direction: column;
  justify-content: center;
  // align-items:center;
}

}
</style>
